<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Editor Table Plugins</title>
<style type="text/css">
		@import "../../../dojo/resources/dojo.css";
		@import "../../../dijit/themes/tundra/tundra.css";
		@import "../../../dijit/themes/dijit.css";
	</style>
    
    <link href="../plugins/resources/editorPlugins.css" type="text/css" rel="stylesheet" />

<script type="text/javascript">
var djConfig = {
	isDebug: true,
	parseOnLoad: true,
	popup:true
	//forceFirebugLite:true
};
</script>

<script type="text/javascript" src="../../../dojo/dojo.js"></script>
<script>
	dojo.require("dojo.parser");
	dojo.require("dijit.Editor");
	dojo.require("dojox.editor.plugins.TablePlugins");
	
	dojo.addOnLoad(function(){
		console.log(dojo.version.toString());
	});
		

		
</script>
<style>
#main{
width:auto;
margin:20px 100px;
}
</style>
</head>
<body class="tundra">
<div id="main">
	<div dojoType="dijit.Editor" style="height:200px;" plugins="[
                        'undo', 'redo', 'bold','italic','|',
                        {name: 'dojox.editor.plugins.TablePlugins', command: 'insertTable'},
                       	{name: 'dojox.editor.plugins.TablePlugins', command: 'modifyTable'},
                        {name: 'dojox.editor.plugins.TablePlugins', command: 'InsertTableRowBefore'},
                        {name: 'dojox.editor.plugins.TablePlugins', command: 'InsertTableRowAfter'},
                        {name: 'dojox.editor.plugins.TablePlugins', command: 'insertTableColumnBefore'},
                        {name: 'dojox.editor.plugins.TablePlugins', command: 'insertTableColumnAfter'},
                        {name: 'dojox.editor.plugins.TablePlugins', command: 'deleteTableRow'},
                        {name: 'dojox.editor.plugins.TablePlugins', command: 'deleteTableColumn'},
                        {name: 'dojox.editor.plugins.TablePlugins', command: 'colorTableCell'},
                        {name: 'dojox.editor.plugins.TablePlugins', command: 'tableContextMenu'}
                    ]">
         Dojo Rocks with a fox in socks. Red socks. In a box.
       <table width="200" border="2" align="center" 
            cellpadding="2" cellspacing="2" bordercolor="#00FFFF" bgcolor="#FF0000" id="myTable">
          <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <td>&nbsp;</td>
            <td id="myCell">&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td bgcolor="#00FFFF">Text</td>
          </tr>
        </table> 
    </div>
</div>

</body>
</html>
